<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Titie</title>
		<meta name="viewport" content="width=device-width,initial-scale=1, shrink-to-fit=no">
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
		<link rel="stylesheet" href="./QQ_Login.css">
	</head>
	<body class="container">
		<div class="wrapper">
			<!-- 上半部分 -->
			<div class="top_container"></div>
			<!-- 下半部分 -->
			<div class="botton_container">
				<div class="col-3 avatar">
					<a href="#" class="online">
						<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.dtstatic.com%2Fuploads%2Fblog%2F202108%2F22%2F20210822070705_cfd6b.thumb.1000_0.jpg&refer=http%3A%2F%2Fc-ssl.dtstatic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669972117&t=c6f4e298e570f6e1e3ca880b43d2e1a8"
							alt="">
					</a>
					<img src="https://img1.baidu.com/it/u=3178057158,4110048229&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=538"
						alt="">
				</div>
				<div class="col-6">
					<div class="username">
						<input type="text" placeholder="QQ号码/手机/邮箱">
						<span></span>
					</div>
					<div class="password">
						<input type="text" placeholder="密码">
						<span></span>
					</div>
					<div class="select">
						<label for=""><input type="checkbox" name="pass" id="pass">记住密码</label>
						<label for=""><input type="checkbox" name="login" id="login">自动登录</label>
					</div>
					<div class="btn">
						<button>登录</button>
					</div>
				</div>
				<div class="col-3">
					<div class="register">
						注册账号
					</div>
					<div class="passto">
						找回密码
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
